/**
* 红包小物件
*/
<template>
	<view class="hongbao animation-slide-bottom" @click="jumpTo()">
		<image class="ThingBox" :src="hongbaoS" v-if="isStatus" mode="widthFix"></image>
		<image class="ThingBox" :src="hongbaoS" v-if="!isStatus" mode="widthFix"></image>
	</view>
</template>

<script>
	export default {
		name: "HongBao",
		data() {
			return {
				isStatus: false,
				hongbaoS:this.Reques.resDomain+"hongbao.png"
				

			};
		},
		mounted() {
			console.log(this.hongbaoS);
		},
		methods:{
			jumpTo(){
				console.log("跳转");
				uni.navigateTo({
					url:'/pages/component/home',
					animationType:'slide-in-left'
				})
			}
			
			
			
		}
	}
</script>

<style scoped>
	.hongbao {
		width: 120upx;
		height: 120upx;

	}
	.ThingBox{
		width: 120upx;
		height: 120upx;
		animation: HongBao infinite 2s ease-in;
	}
	
	
	@keyframes HongBao {
	   0% {
	        opacity: 0.8;
	        transform: scale(0.7)
	    }
	
	    100% {
	        opacity: 1;
	        transform: scale(1)
	    }
	}

</style>
